<!DOCTYPE html>
<html lang="zh-CN">
  <#include "header.html">
  <body id="nextContainer" class="index-box">
    <section class="index-bj">
      <div class="logo"><img class="img-responsive" src="webpages/wx/pzsw/images/logo.png"></div>
      <div class="index-buton">
         <input type="text" maxlength="10" class="form-control form-input1" id="name" name="name" placeholder="请输入姓名/油站" value="${(pzsw.name)!''}" required>
         <input type="text" maxlength="10" class="form-control form-input1" id="dept" name="dept" placeholder="请输入部门/TM" value="${(pzsw.dept)!''}" required>
      </div>
      
    </section>
    <div style="position: fixed;left: 0;width: 100%;text-align: center;bottom: 40px;"><img src="webpages/wx/pzsw/images/arrow2.png" style="width: 40px;display: inline-block;margin: auto;"></div>		
    
    <#include "footer.html">
    <script type="text/javascript">
	// 先要对监听的DOM进行一些初始化
	var hammer = new Hammer(document.getElementById("nextContainer"));
	hammer.get('swipe').set({direction:Hammer.DIRECTION_ALL});
	// 然后加入相应的回调函数即可
	hammer.on('swipeup',swipeEvent);
	hammer.on('swipedown',swipeEvent);
	
	function swipeEvent(evt) {
		if(evt.type=='swipeup') {
			if($.trim($('#name').val())=='') {
				alert('请输入姓名/油站');
				return ;
			}
		
			if($.trim($('#dept').val())=='') {
				alert('请输入部门/TM');
				return ;
			}
			var name = $('#name').val();
			var dept = $('#dept').val();
			window.location.href='pzsw.action?page=index5&name='+name+"&dept="+dept;
		} else if(evt.type=='swipedown') {
// 			window.location.href='pzsw.action?page=index3';
		}
		
	}
	</script>
  </body>
</html>